import Header from '@/components/TaskOa/Header'
import Middle from '@/components/TaskOa/Middle'
import Footer from '@/components/TaskOa/Footer'
import DiaLog from '@/components/TaskOa/DiaLog'
import { Provider } from 'react-redux'
// import store from '@/store/taskOa/index'
import store from '@/store/taskOa/toolKit/index'

import { TaskOaContainer } from '@/style/TaskOa'
import { useState } from 'react'

const TaskOaReduxExample = () => {
	const [isOpenModel, setIsOpenModel] = useState(false)
	return (
		<Provider store={store}>
			<TaskOaContainer>
				<Header showModal={() => setIsOpenModel(true)} />
				<Middle />
				<Footer />
				<DiaLog isOpenModel={isOpenModel} setIsOpenModel={setIsOpenModel} />
			</TaskOaContainer>
		</Provider>
	)
}

export default TaskOaReduxExample